<template>
  <div id="content" style="display: flex">
    <div v-draggable="{ defaultPosition: { x: 25, y: 25 } }">
      <InputSlide
        :label="item"
        
        v-model:slideValue="a1.a"
        v-model:inputValue="a1.b"
        ref="divRef"
      ></InputSlide>
        
    </div>
   

    <a-button @click="test">t添加</a-button>
    <p>{{a1.a}}</p>
  </div>
</template>

<script>
import InputSlide from "../InputSlide/InputSlide.vue";
import { defineComponent,ref, reactive, onMounted } from 'vue';
export default defineComponent({
  name: "content",
  components: {
    InputSlide
  },
  setup() {
    const divRef=ref(null)
   
    const a1 = reactive({ a: 3, b: 4})

    const test = () => {
      console.log('获取当前输入的值', a1,)
     
    }
    onMounted(()=>{

      console.log(divRef.value.inputChange)
    })


    return { test, a1,divRef };

  },

});
</script>

<style scoped>
</style>
